<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>pixkerview</title>
    <link rel="stylesheet" href="../../model/element.css">
    <link rel="stylesheet" href="../../model/view.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< pixkerview ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
                <li><p><a href="#jsFn_get">get</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <ul>
                <li><p><a href="#childElement_p">p</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>pickerview</h2>
    <div>简介:</div>
    <p>数字选择器,滚动的选择</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <!--xmp标签可以直接书写xml格式文本-->
        <xmp>
            <pickerview background="#ffffff" count="3" height="200" id="age">
                <p line="#ffbebe,200" font="#1a1717">
                    1岁,2岁,3岁,4岁,5岁,6岁,7岁,8岁,9岁,10岁,11岁,12岁,13岁,14岁,15岁,16岁,17岁,18岁,19岁,20岁,21岁,22岁,23岁,24岁,25岁,26岁,27岁,28岁,29岁,30岁,31岁,32岁,33岁,34岁,35岁,36岁,37岁,38岁,39岁,40岁,41岁,42岁,43岁,44岁,45岁,46岁,47岁,48岁,49岁,50岁,未填写</p>
            </pickerview>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table>
            <tbody>
            <tr>
                <th>属性</th>
                <th>值</th>
                <th>描述</th>
            </tr>
            <tr>
                <td>height</td>
                <td>100</td>
                <td>控件高度</td>
            </tr>
            <tr>
                <td>width</td>
                <td>100</td>
                <td>控件宽度</td>
            </tr>
            <tr>
                <td>count</td>
                <td>3</td>
                <td>条目数</td>
            </tr>

            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/pickerview.png" alt="">
    </div>
</div>
<!--js方法-->
<div id="jsFn">
    <h2>js方法</h2>
    <div class="jsFnModel" id="jsFn_get">
        <h3>val</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>this.val(int/空)-> v8array</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>获取控件中某一个/所有滚动控件的集合</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表:</h3>
            <ul>
                <li>
                    <p>int/空</p>
                    <p>&nbsp;int/空&nbsp;</p>
                    <p>指定索引的滚动控件/所有滚动控件</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值:</h3>
            <p>v8array</p>
            <p>滚动控件的集合</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                document.$('id').val(0);
                //获取索引为0的滚动控件
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
</div>
<!--子标签-->
<div id="childElement">
    <h2>子标签</h2>

    <div id="childElement_p">
        <h3>p</h3>
        <p>滚动条目</p>
        <p>width /height，滚动控件条目的宽度/高度， font,设置文字字体大小，颜色，是否加粗，是否有下划线，line: #ff6c6c,6 设置线的颜色和粗细</p>
    </div>
    <
</div>
</body>
</html>